<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="/WEB-INF/component/commonTagLib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title><spring:message code="message.jieSuan.yinHangZhangHuXinxi"/><spring:message code="message.button.look"/></title>
    <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
    <style type="text/css">
        div.group-info {
            margin-top: 10px !important;
            margin-bottom: 0px !important;
        }
        input.innerInput {
            width: 98%;
        }
        .text-left{
        color:#949494;
        }
    </style>
</head>
<body class="skin-blue sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1><spring:message code="message.jieSuan.yinHangZhangHuXinxi"/><spring:message code="message.button.look"/></h1>
        <ol class="breadcrumb">
           <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i><spring:message code="message.lable.first"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.jieSuan.zhangHuGuanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.listForm.weiShengJu"/><spring:message code="message.jieSuan.zhangHuGuanLi"/></a></li>
            <li class="active"><a href="#"><spring:message code="message.listForm.weiShengJu"/><spring:message code="message.jieSuan.zhangHuChaKan"/></a></li>
        </ol>
     </section>
     
     
     <section class="content" style="min-height:inherit;">
     <table class="infoBox">
      <tr>
        <td width="150px" class="infoBoxleft">
        <p style="color:#fff;font-size:20px;text-align:center;font-weight:600"><spring:message code="message.jieSuan.yinHangZhangHuXinxi"/></p>
        </td>
        <td>
        	<form id="form" class="form-horizontal"  method="post">
            <input type="hidden" name=orgId value="${acctInfo.orgId}" />
                 <div class="box-body" style="background:url('${ctx }/lib/img/infobg.png') no-repeat bottom right;">
                    <div class="form-group form-group-xs"  style="margin-top:5px;">
                        <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.jiGouBianMa"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <div class="col-sm-3 text-left">${acctInfo.orgCode}</div>
                         <label for="inputTextAlter3"  class="col-sm-2 text-right margintop-xs"><spring:message code="message.jieSuan.jiGouMingCheng"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <div  id="orgName" class="col-sm-3 text-left">${acctInfo.orgName}</div>
                    </div>
                    
                    <div class="form-group form-group-xs" style="margin-top:-10px">
                         <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zhangHuYuE"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <div id="outstandAmt" class="col-sm-3 text-left"> ${acctInfo.outstandAmtStr}</div>
                        <label for="inputTextAlter2"  class="col-sm-2 text-right"><spring:message code="message.jieSuan.zuiHouGengXinShiJian"/><spring:message code="message.yanZheng.maoHao"/></label>
                        <div id="outstandAmt" class="col-sm-3 text-left"> ${acctInfo.outstandAmtUpdDttmStr}</div>
                    </div>
                    
                     <div class="form-group form-group-xs"  style="margin-top:-10px">
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.keYongYuE"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="availableAmt" class="col-sm-3 text-left">${acctInfo.availableAmtStr}</div>
                     <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zuiHouGengXinShiJian"/><spring:message code="message.yanZheng.maoHao"/></label>
                     <div id="availableAmt" class="col-sm-3 text-left">${acctInfo.availableAmtUpdDttmStr}</div>
                      </div>  
                   
                   <div class="form-group form-group-xs" style="margin-top:-10px;margin-bottom:-10px;">
                       <label for="inputTextAlter2" class="col-sm-2 text-right"><spring:message code="message.jieSuan.daiJieSuanYuE"/><spring:message code="message.yanZheng.maoHao"/></label>
                       <div id="pendingAmt" class="col-sm-3 text-left">${acctInfo.pendingAmtStr}</div>
                       <label for="inputTextAlter1" class="col-sm-2 text-right"><spring:message code="message.jieSuan.zuiHouGengXinShiJian"/><spring:message code="message.yanZheng.maoHao"/></label>
                       <div id="availableAmt" class="col-sm-3 text-left">${acctInfo.pendingAmtUpdDttmStr}</div>
                    </div>
                </div>
             </form>
        </td>
      </tr>
      </table>
        
    
        <div class=" box box-success">
            <div class="box-body">
                <div class="input">
                	<div class="textalign1"><spring:message code="message.jieSuan.kaiHuRen"/><spring:message code="message.yanZheng.maoHao"/></div>
                          <div class="boxinput">
                        <input type="text" class="textinput" id="acctHolder"  name="acctHolder" placeholder="<spring:message code="message.jieSuan.kaiHuRen"/>" />
                   		</div>
                	<div class="textalign1"><spring:message code="message.jieSuan.yinHangZhangHao"/><spring:message code="message.yanZheng.maoHao"/></div> 
                        <div class="boxinput">
                        <input type="text" class="textinput" id="bankAcctNo" name="bankAcctNo" placeholder="<spring:message code="message.jieSuan.yinHangZhangHao"/>" />
                   		</div>
                  <div class="textalign1"><spring:message code="message.listForm.shenHeZhuanTai"/><spring:message code="message.yanZheng.maoHao"/></div> 
                      <div class="boxinput">
                      <select class="textinput"  id="auditStatus" name="auditStatus" >
                          <option value=""><spring:message code="message.select.option"/></option>
                          <option value="0"><spring:message code="message.select.weishenhe"/></option> 
                          <option value="1"><spring:message code="message.jieSuan.tongGuo"/></option>
                          <option value="2"><spring:message code="message.listForm.buTongGuo"/></option>
                      </select>
                   	  </div>
                    <div class="textalign1" >
                   <button type="button" onclick="gridSerch();" class="btn btn-success btn-sm" id="selectDicCompType"><spring:message code="message.button.seachSpacing"/></button>
                    </div>
                </div>
            </div>
        </div>
        
        <table class="jqgrid" id="gridlist"></table>
        <div id="gridpage"></div>
        
        <div class=" box box-warning bottongroup">
              <a href="toCenterAuditSee.html" class="btn btn-default btn-sm" ><spring:message code="message.button.getBackSpacing"/></a>
        </div>
         
        
        <form action="toCenterAuditSeeBankEdit.html" method="post" id="BankForm">
            <input type="hidden" id="bankAcctId" name="bankAcctId">
            <input type="hidden" id="orgId" name="orgId" value="${acctInfo.orgId}">
        </form>
   </section>
    
   <%@ include file="/WEB-INF/component/commonJS.jsp"%>
   <script type="text/javascript">
   //绑定回车
   $('#acctHolder,#bankAcctNo,#auditStatus').bind('keydown', function(event) {
       if (event.keyCode == "13") {
           $('#selectDicCompType').click();
       }
   });	
   $("#acctHolder").focus();//加载页面光标在第一个查询框内
   
        $(function() {
            $("#gridlist").jqGrid(
            {   url : "getCenterAuditSeeBank.html",
                mtype : "POST",
                datatype : "json",
                postData:{"settleAcctId":"${acctInfo.orgId}"},
                autowidth : true,
                shrinkToFit : false,
                height : 255,
                colNames : ['<spring:message code="message.jqGrid.cz"/> ', 
                            '<spring:message code="message.jieSuan.yinHangZhangHao"/>id',
                            '<spring:message code="message.jieSuan.zhangHu"/>id',
                            '<spring:message code="message.jieSuan.yinHangZhangHao"/>',
                            '<spring:message code="message.jieSuan.kaiHuRen"/> ',
                            '<spring:message code="message.jieSuan.kaiHuHang"/> ',
                            '<spring:message code="message.jieSuan.kaiHuHangHangHao"/> ',
                            '<spring:message code="message.jieSuan.kaiHuHangHangMing"/>',
                            '<spring:message code="message.jieSuan.tiJiaoShiJian"/> ',
                            '<spring:message code="message.jieSuan.tiJiaoRen"/>',
                            '<spring:message code="message.listForm.shenHeZhuanTai"/> ',
                            '<spring:message code="message.jieSuan.auditTime"/>',
                            '<spring:message code="message.jieSuan.auditPeople"/>',
                            '<spring:message code="message.listForm.shenHeBeiZhu"/>',
                            '<spring:message code="message.jieSuan.shiFouMoRen"/>'
                            ],
                colModel : [
                    {name : 'order',index : 'order',width : 60,align : "center", sortable:false,
                        formatter:function(val, opts,rowdata) {
                          var str ="";
                          str = "<a href='javaScript:edit(\""+rowdata.bankAcctId+"\")' style='background:url(${ctx}/lib/img/icon/icon.png) no-repeat 0px 0px' class='opIcon' title='<spring:message code="message.button.edit"/>'></a>";
                          return str
                        }
                    },
                    {name : 'bankAcctId',index : 'bankAcctId', hidden : true,width : 100,align : "center", sortable:false},
                    {name : 'settleAcctId',index : 'settleAcctId',hidden : true , width : 100,align : "center", sortable:false},
                    {name : 'bankAcctNo',index : 'bankAcctNo', width : 160,align : "center", sortable:false},   
                    {name : 'acctHolder',index : 'acctHolder',width : 80,align : "center", sortable:false}, 
                    {name : 'depositBank',index : 'depositBank', hidden:true,width : 120,align : "center", sortable:false},
                    {name : 'depositBankNo',index : 'depositBankNo',width : 120,align : "center", sortable:false},
                    {name : 'depositBankName',index : 'depositBankName',width : 200,align : "left", sortable:false},
                    {name : 'submitTime',index : 'submitDatetime',width : 140,align : "center", sortable:false},
                    {name : 'submitUserName',index : 'submitUser',width : 160,align : "left", sortable:false},
                    {name : 'auditStatusName',index : 'auditStatus',width : 80,align : "center", sortable:false},
                    {name : 'auditTime',index : 'auditTime',width : 140,align : "center", sortable:false},
                    {name : 'auditUserName',index : 'auditUser',width : 160,align : "left", sortable:false}, 
                    {name : 'auditRemark',index : 'auditFemark',width : 160,align : "center", sortable:false},
                    {name : 'isDefaultAcct',index : 'isDefaultAcct',hidden:true,width : 100,align : "center", sortable:false}
                    
                ],
                rowNum : 20,
                rowList : [10, 20, 50,100],
                rownumbers : true,
                pager : "#gridpage",
                viewrecords : true,
                gridComplete: function(){
   	        	 //序号列宽度自适应（参数为jqgridID）
   	               autoRNWidth("gridlist");
   	           	//数据只有一条时默认选中（参数为jqgridID）
   	               selectByOneData("gridlist");
   			},
                caption : "<spring:message code="message.jieSuan.yinHangZhangHuXinxi"/><spring:message code="message.button.look"/>",
                jsonReader : {
                    repeatitems : false,
                    id : "ids"
                }
            });
            $("#gridlist").jqGrid('navGrid', '#gridpage', {add : false,edit : false,del : false,search : false,refresh : false});
            $(window).trigger("resize");
        });
        
           function getFoucs(obj, rowId) {
               var text = $.trim($(obj).val());
               if (text != null && text != "") {
                   var $checkbox = $("#jqg_gridlist_" + rowId);
                   if ($checkbox.is(":not(:checked)")) {
                       $("#gridlist").setSelection(rowId);
                   }
               }
           }
           
           //查询
           function gridSerch() {
               var bankAcctNo = $.trim($("#bankAcctNo").val());
               var acctHolder = $.trim($("#acctHolder").val());
               var auditStatus = $.trim($("#auditStatus").val());
               $("#gridlist").jqGrid('setGridParam',{  
                   datatype:'json',
                   postData:{
                       "bankAcctNo":bankAcctNo,
                       "acctHolder":acctHolder,
                       "auditStatus":auditStatus
                   },
                   page:1
               }).trigger("reloadGrid"); //重新载入  
           }
           
           //编辑银行卡
           function edit(bankAcctId){
               $("#bankAcctId").val(bankAcctId);
               $("#BankForm").submit();
           }
               
           
    </script>
</body>
</html>